<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>

<%@ include file="/common/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/common/seaJs.jsp"%>
<%-- <%@ include file="/common/commonJs.jsp"%> --%>
<%-- <%@ include file="/common/easyui_js.jsp"%> --%>
<%-- <%@ include file="/common/common_css.jsp"%> --%>
<%-- <%@ include file="/common/easyui_css.jsp"%> --%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%-- <script type="text/javascript" src="${ctx}/index/layout.js"></script> --%>
<script>
	var ctx = "${ctx}";
	seajs.use(['base_css','easyui_css']);
</script>
<title>布局演示</title>
</head>
<body class="easyui-layout">
    <div data-options="region:'north'" style="height:100px"></div>  
    <div data-options="region:'center'">  
        <div class="easyui-layout" data-options="fit:true">  
            <div data-options="region:'west',collapsed:true" style="width:180px">
            	<div id="aa" class="easyui-accordion"
					style="width: 177px; height:518px;">
					<div title="Title1" data-options="iconCls:'icon-save'"
						style="overflow: auto; padding: 10px;">content1</div>
					<div title="Title2" data-options="iconCls:'icon-reload',selected:true"
						style="padding: 10px;">content2</div>
					<div title="Title3">content3</div>
				</div>
            
            </div>  
            <div data-options="region:'center'"></div>  
        </div>  
    </div>
<script type="text/javascript">
	seajs.use(['easyui_css']);
	// 加载一个模块，在加载完成时，执行回调
	seajs.use([ 'jquery1.4', 'bootstrap','xslt','easyui','jqueryUi' ],
			function($, bootstrap_init, xslt_init, easyui_init,jqueryUi_init) {
// 		bootstrap_init($);
		xslt_init($);
		easyui_init($);
// 		jqueryUi_init($);
// 		$('.easyui-layout').dropdown(); 
// 		$("#show").draggable();
// 		$("#demo").xslt('<class  name="UserDaoImpl" superClass="BaseDao" interface="UserDao"> <properties> <property name="name" javaType="java.lang.String"></property> <property name="eMail" javaType="java.lang.String"></property> <property name="phoneNo" javaType="java.lang.String"></property></properties> <operates> <operate id="" name="queryOne" visitRight="public"> <args> <arg name="name" javaType="String" /> </args> <sql content="" id="" /> <count content="" /> <return name="user" javaType="User" /> </operate></operates>', 'createJavaCode.xsl');
// 		$('#demo').xslt("<conclusion><message>This works.</message></conclusion>", '<?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:output method="html" omit-xml-declaration="yes"/><xsl:template match="conclusion"> <p>Here&#8217;s the bass: <xsl:value-of select="message/text()"/></p></xsl:template></xsl:stylesheet>');

		
// 		$('#myTab a').click(function(e) {
// 			e.preventDefault();
// 			$(this).tab('show');
// 		});
		
	});
</script>
</body>
</html>